<html>
<head>
<style>
@font-face {
  font-family: 'test';
  font-weight: 400;
  unicode-range: U+0020, U+0041-005A;  /* space, A-Z */
  src: local('Helvetica'), local('Arial'), local(Arimo Regular);
}
@font-face {
  font-family: 'test';
  font-weight: 700;
  unicode-range: U+0061-007A;  /* a-z */
  src: local('Times'), local('Times Roman'), local('Times New Roman'), local('Tinos Regular');
}
span {
  font-family: 'test', 'Courier', 'Courier New';
  font-size: 30px;
}
</style>
</head>
<body>
<p>
  You should see each font name in that font:
</p>
<span>HELVETICA</span>
<span>courier</span>
<span><b>COURIER</b></span>
<span><b>times</b></span>
<script src="resources/wait_for_async_local_fonts.js"></script>
</body>
</html>
